<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>QQ音乐播放</title>

<link href="malihu-custom-scrollbar-plugin-master/jquery.mCustomScrollbar.css" type="text/css" rel="stylesheet"/>
<link href="qq_music.css" type="text/css" rel="stylesheet" />
<script src="jquery-1.10.2.min.js"></script>
<script src="malihu-custom-scrollbar-plugin-master/jquery.mCustomScrollbar.js"></script>
<script src="player.js"></script>
<script src="progress.js"></script>
<script src="lyric.js"></script>
<script src="qq_music.js"></script>

</head>
<!--头部-->
<div class="hander">
    <h1>QQ音乐</h1>
    <ul class="hander_log">
       <li><a href="#">登录</a></li>
       <li><a href="#">设置</a></li>
    </ul>
</div>
<div class="content">
    <div class="contentIn">
   <!-- 左部-->
        <div class="contentIn_left">
             <div class="contentIn_nav">
                    <span><i></i>收藏</span>
                    <span><i></i>添加到</span>
                    <span><i></i>下载</span>
                    <span><i></i>删除</span>
                    <span><i></i>清空列表</span>
                
             </div>
             <div class="musicList" data-mcs-theme="minimal-dark">
                <ul>
                   <li class="listtop">
                      <div class="music_check"><span></span></div>
                      <div class="music_num"></div>
                      <div class="music_name">歌名
                  
                      </div>
                      <div class="music_singer">歌手</div>
                      <div  class="music_times" >时长</div>
                   </li>
        <!--          <li class="listall">
                      <div class="music_check"><span></span></div>
                      <div class="music_num">1</div>
                      <div class="music_name">爱你直到宇宙终结
                    
                           <div class="music_log">
                                <ul>
                                <span><li><a href="#" title="播放"></a></li></span>
                                <span><li><a href="#" title="添加"></a></li></span>
                               <span><li><a href="#" title="下载"></a></li></span>
                              <span><li><a href="#" title="分享"></a></li></span>
                                </ul>
                           </div>  
                      </div>
                      <div class="music_singer">陈小春</div>
                      <div  class="music_times" >
                      <span>04:31</span>
                      <a href="#" title="删除"></a>
                      </div>
                   </li>-->
                </ul>  
        </div>
            
        </div>
  <!--      右部-->
       <div class="contentIn_right">
       <div class="song_info">
       <a herf="javascript::"></a>
       <img src="images/1.jpg"/>
       <div class="song_name">歌曲名：
       <a herf="javascript::">我一直走</a>
       </div>
       <div class="song_singer">歌手名：
       <a herf="javascript::">郭富城</a>
       </div>
       <div class="song_album">专辑名：
       <a herf="javascript::">别等我</a>
       </div>
        </div>     
       <div class="song_contentBox">
       <ul class="song_content">
      
       </ul>
       </div>
        
       </div>
    
    </div> 
</div>
<div class="footer">
    <div class="footerIn">
                <a href="javascript::" title="上一首" class="play_last"></a>
                <a href="javascript::" title="播放" class="playing" id="playing"></a>
                 <a href="javascript::" title="下一首" class="play_next"></a>
            <div class="song_playinfo">
                    
                   <a href="javascript::"  class="song_playinfo_name">郭富城-我一直走</a>
                    
                    <a href="javascript::"  class="song_playinfo_time">00:00/04:18</a>
             </div>
                <div class="song_progress">
                <div class="song_progress_in"> 
                <div class="song_progress_tar"></div>
                </div>
                </div>
    
                <a href="javascript::" title="列表循环" class="play_again" id="play_again1"></a>
                <a href="javascript::" title="喜爱" class="play_love" id="play_love1"></a>
                <a href="javascript::" title="下载" class="play_down" id="play_down1"></a>
                <a href="javascript::" title="评论" class="play_comment" id="play_comment1"></a>
                <a href="javascript::" title="纯净" class="play_voice" id="play_voice1"></a>
                
    
            <div class="voice">
                    <a class="voice_log"></a>
                <div class="voice_progress">
                    <div class="voice_progress_in"> 
                       <div class="voice_progress_tar"></div>
                    </div>
                </div>
            </div>

    </div>
</div>
<div class="mask_img"></div>
<div class="mask"></div>
<audio src=""></audio>
<body>
</body>
</html>
